<template>
	<div class="citys">
		<header class="citys-top">
			<router-link to="/">
				<i class="iconfont icon-zuojiantou"></i>
			</router-link>
			<h4>选择城市</h4>
		</header>
		<Citys2></Citys2>
	</div>
</template>

<script>
	import Citys2 from './pages/Citys2.vue'
	export default {
		name:'Citys',
		components:{
			Citys2
		}
	}
</script>

<style scoped>
	a{
		text-decoration: none;
		color: black;
	}
	.citys{
		width: 100%;
		margin:  0 auto;
	}
	.citys-top{
		width: 100%;
		height: 1rem;
		line-height: 1rem;
		background-color: #fed101;
		font-size: 0.35rem;
	}
	.citys-top i{
		text-align: left;
		position: absolute;
		width: 100%;
		z-index: 9999;
		margin-left: 0.2rem;
	}
	.citys-top h4{
		text-align: center;
		width: 100%;
		position: absolute;
	}
</style>
